<include file="header"/>
<body>
    <div class="wraper">
        <div class="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <volist name="imageCount" id="vo">
                        <div class="swiper-slide"><a href="#"><img src="{BEESCRM:$vo}"></a></div>
                    </volist>
                </div>

                <div class="swiper-pagination"></div>

                <div class="cover"><img src="/assets/park/huser/images/cover.png"/></div>
            </div>
        </div>
        <div class="btn-box">
            <a href="/Park/huser/appointsearch" class="single-btn" id="appointer">我是预约人</a>
            <a href="/Park/hkeeper/index/conf_id/1" class="single-btn">我是陪护人</a>
        </div>

        <div class="bottom-box">
            <a href="tel:{BEESCRM:$tel}" class="tel">
                <span class="iconfont icon-dianhua"></span>{BEESCRM:$tel}
            </a>
        </div>
    </div>

</body>
<script src="/assets/park/huser/js/jquery-2.1.0.min.js"></script>
<script src="/assets/park/huser/js/swiper.min.js"></script>
<script>
    $(function(){
        var height = $(document).height();
        var bottombox_height = $('.bottom-box').outerHeight();
        $('.wraper').css("minHeight",height);
        $('.wraper').css("paddingBottom",bottombox_height);

        var swiper = new Swiper('.banner .swiper-container', {
            paginationClickable: true,
            spaceBetween: 30,
            centeredSlides: true,
            autoplayDisableOnInteraction: false,
        });

        setTimeout(function(){
            var cover_h = $('.cover').height();
            $('.swiper-wrapper').css('marginBottom',cover_h * 0.55);
            $('.banner .swiper-container-horizontal > .swiper-pagination').css('bottom',cover_h * 0.55 + 15);
        },100)
    })

</script>
</html>
